<!DOCTYPE html>
<html lang="zh-CN" xmlns:th="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta name="viewport" content="width=device-width, initial-scale=1"/>
    <!-- Any Other things should follow these 3 meta above -->
    <title>达米首页</title>
    <!-- Bootstrap -->
    <link href="bootstrap/dist/css/bootstrap.css" rel="stylesheet"/>
    <link href="bootstrap/dist/css/bootstrap-theme.css" rel="stylesheet"/>
    <link href="css/common.css" rel="stylesheet"/>
    <link href="css/index.css" rel="stylesheet"/>
    <link href="css/pop-up.css" rel="stylesheet" media="all">
    <!-- Custom styles -->
    <script src="js/common/jquery-3.1.1.min.js"></script>
    <script src="js/login.js"></script>
    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="js/common/html5shiv.min.js"></script>
    <script src="js/common/respond.min.js"></script>
    <![endif]-->
</head>
<body>
<!-- this is the common top begin -->
<div class="container-fluid">
    <div class="row top font-small ">
        <div class="col-md-2 col-sm-2 "></div>
        <div class="col-md-8 col-sm-8">
            <label>当前学校：</label><span>东南大学</span>
            <label>当前校区：</label>
                <select id="select_campus" style="width: 66px;height: 18px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;opacity: 0.8;" >
                    <option >九龙湖</option>
                    <option >四牌楼</option>
                    <option >丁家桥</option>
                    <option >苏州</option>
                    <option >无锡</option>
                </select>
            <div class="float-right">
                <a href="javascript:;" class="theme-logIn">登录</a>
                <a href="">注册</a>
                <a href="">我的订单</a>
            </div>
            <div class="theme-popover">
                <div class="theme-popTit">
                    <a href="javascript:;" title="关闭" class="close">×</a>
                    <h4>登录DaMi，享受更多优惠</h4>
                </div>
                <div class="theme-popBod dForm">
                    <form class="theme-signIn" name="loginForm" action="" method="post">
                        <ol>
                            <li><strong>用户名：</strong><input class="ipt" type="text" name="log"  size="20" /></li>
                            <li><strong>密</strong>&nbsp;&nbsp;&nbsp;<strong>码：</strong><input class="ipt" type="password" name="pwd"  size="20" /></li>
                            <li><strong>买家</strong>&nbsp;&nbsp;&nbsp;<input type="radio" name="userType" value="buyer"  />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                <strong>卖家</strong>&nbsp;&nbsp;&nbsp;<input type="radio" name="userType" value="seller"  /></li>
                            <li><input class="btn btn-primary" type="submit" name="submit" value=" 登 录 " />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                <a href="#">没有账号? 请注册</a></li>
                            <li></li>
                        </ol>
                    </form>
                </div>
            </div>
            <div class="theme-popover-mask"></div>
        </div>
        <div class="col-md-2 col-sm-2">
        </div>
    </div>
    <div class="row banner" >
        <div class="col-md-2 col-sm-2 col-xs-2"></div>
        <div class="col-md-8 col-sm-8 col-xs-8">
            <div class="row">

                <div class="col-md-3 col-xs-3 logo"><img src="img/cute_logo.jpg" class="logo_wh"/></div>
                <div class="col-md-5 col-xs-5 font-bold">
                    <a class="mr-15" href="index.html">首页</a>
                    <a class="mr-15" href="#">二手</a>
                    <a class="mr-15" href="#">促销</a>
                    <a class="mr-15" href="#">秒杀</a>

                </div>
                <div class="col-md-4 col-sm-4 col-xs-4">
                    <form class="form-inline" th:action="@{/product/product_list.html}">
                        <div class="form-group">
                            <input type="text" class="form-control search" name="search" id="search" placeholder="请输入商品名\关键词" style="width: 320px"/>
                        </div>
                        <button type="submit" name="submit" class="btn btn-default">搜索</button>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- this is the common top end -->
<div class="container">
    <div class="row line-three">
        <div class="col-md-3 col-sm-3 col-xs-3 category">
            <ul class="list-unstyled">
                <li><a href="#">产品大类A</a><span><a href="#">产品小类</a><a href="#">产品小类</a></span></li>
                <li><a href="#">产品大类B</a><span><a href="#">产品小类</a><a href="#">产品小类</a></span></li>
                <li><a href="#">产品大类C</a><span><a href="#">产品小类</a><a href="#">产品小类</a></span></li>
                <li><a href="#">产品大类D</a><span><a href="#">产品小类</a><a href="#">产品小类</a></span></li>
                <li><a href="#">产品大类E</a><span><a href="#">产品小类</a><a href="#">产品小类</a></span></li>
            </ul>
        </div>
        <div class="col-md-6 col-sm-6 col-xs-6">
            <div class="carousel slide" id="carousel-1">
                <ol class="carousel-indicators">
                    <li class="active" data-slide-to="0" data-target="#carousel-1">
                    </li>
                    <li data-slide-to="1" data-target="#carousel-1">
                    </li>
                    <li data-slide-to="2" data-target="#carousel-1">
                    </li>
                </ol>
                <div class="carousel-inner">
                    <div class="item active">
                        <img alt="" src="http://images.huanqiu.com/sarons/2013/11/6e4fe63f9b455d1dfc94569ada25d790.jpg" />
                        <div class="carousel-caption">
                            <h4>
                                焦点图一
                            </h4>
                            <p>
                                焦点图一的描述,焦点图一的描述,焦点图一的描述,焦点图一的描述,焦点图一的描述,
                            </p>
                        </div>
                    </div>
                    <div class="item">
                        <img alt="" src="http://images.huanqiu.com/sarons/2013/11/6e4fe63f9b455d1dfc94569ada25d790.jpg" />
                        <div class="carousel-caption">
                            <h4>
                                焦点图二
                            </h4>
                            <p>
                                焦点图二的描述,焦点图二的描述,焦点图二的描述,焦点图二的描述,焦点图二的描述,焦点图二的描述,
                            </p>
                        </div>
                    </div>
                    <div class="item">
                        <img alt="" src="http://images.huanqiu.com/sarons/2013/11/6e4fe63f9b455d1dfc94569ada25d790.jpg" />
                        <div class="carousel-caption">
                            <h4>
                                焦点图三
                            </h4>
                            <p>
                                焦点图三的描述，焦点图三的描述，焦点图三的描述，焦点图三的描述，焦点图三的描述，
                            </p>
                        </div>
                    </div>
                </div> <a rel="nofollow" class="left carousel-control" href="#carousel-1" data-slide="prev"><span class="glyphicon glyphicon-chevron-left"></span></a> <a rel="nofollow" class="right carousel-control" href="#carousel-1" data-slide="next"><span class="glyphicon glyphicon-chevron-right"></span></a>
            </div>
        </div>
        <script src="js/common/jquery-3.1.1.min.js"></script>

        <div class="col-md-3 col-sm-3 col-xs-3">
            <div class="status show text-center">
                <br/>
                <a class="btn btn-primary theme-login" >买家登录</a>
                <a class="btn btn-primary theme-login" >卖家登录</a><br/><br/>
                <a class="btn btn-primary theme-login" >成为买家</a>
                <a class="btn btn-primary theme-login" >成为卖家</a><br/><br/>

                <img class="qr-code" src="img/qr_code.png" alt="我是二维码"/>
            </div>

            <div class="status">
                <a href="#">注册买家</a>
            </div>
            <div class="status">
                <a href="#">注册买家</a>
            </div>
        </div>
    </div>



    <div class="row mt-10 border-one index-products font-small text-center">
        <div class="row"><div class="col-md-1 col-xs-1"><h5 class="font-bold">新品图片</h5></div></div>
        <div class="col-md-12 col-xs-12">
        <div class="col-md-2 col-xs-2 mb-5"><a href="#"><img alt="新品图片" src="#"/></a><div class="mt-5"><a href="#">出exo玩偶衣服 懵倩倩白狗</a></div></div>
        <div class="col-md-2 col-xs-2 mb-5"><a href="#"><img alt="新品图片" src="#"/></a><div class="mt-5"><a href="#">出exo玩偶衣服 懵倩倩白狗</a></div></div>
        <div class="col-md-2 col-xs-2 mb-5"><a href="#"><img alt="新品图片" src="#"/></a><div class="mt-5"><a href="#">出exo玩偶衣服 懵倩倩白狗</a></div></div>
        <div class="col-md-2 col-xs-2 mb-5"><a href="#"><img alt="新品图片" src="#"/></a><div class="mt-5"><a href="#">出exo玩偶衣服 懵倩倩白狗</a></div></div>
        <div class="col-md-2 col-xs-2 mb-5"><a href="#"><img alt="新品图片" src="#"/></a><div class="mt-5"><a href="#">出exo玩偶衣服 懵倩倩白狗</a></div></div>
        <div class="col-md-2 col-xs-2 mb-5"><a href="#"><img alt="新品图片" src="#"/></a><div class="mt-5"><a href="#">出exo玩偶衣服 懵倩倩白狗</a></div></div>
        </div>
    </div>

    <div class="row mt-10 border-one index-products font-small text-center">
        <div class="row"><div class="col-md-1"><h5 class="font-bold">促销商品</h5></div></div>
        <div class="col-md-2 col-xs-2 mb-5"><img alt="促销图片" src="#"/><div class="mt-5"><a href="#">出exo玩偶衣服 懵倩倩白狗</a><br/><span class="font-red"><s class="font-grey">原价：200</s> 现价：100</span></div></div>
        <div class="col-md-2 col-xs-2 mb-5"><img alt="促销图片" src="#"/><div class="mt-5"><a href="#">出exo玩偶衣服 懵倩倩白狗</a><br/><span class="font-red"><s class="font-grey">原价：200</s> 现价：100</span></div></div>
        <div class="col-md-2 col-xs-2 mb-5"><img alt="促销图片" src="#"/><div class="mt-5"><a href="#">出exo玩偶衣服 懵倩倩白狗</a><br/><span class="font-red"><s class="font-grey">原价：200</s> 现价：100</span></div></div>
        <div class="col-md-2 col-xs-2 mb-5"><img alt="促销图片" src="#"/><div class="mt-5"><a href="#">出exo玩偶衣服 懵倩倩白狗</a><br/><span class="font-red"><s class="font-grey">原价：200</s> 现价：100</span></div></div>
        <div class="col-md-2 col-xs-2 mb-5"><img alt="促销图片" src="#"/><div class="mt-5"><a href="#">出exo玩偶衣服 懵倩倩白狗</a><br/><span class="font-red"><s class="font-grey">原价：200</s> 现价：100</span></div></div>
        <div class="col-md-2 col-xs-2 mb-5"><img alt="促销图片" src="#"/><div class="mt-5"><a href="#">出exo玩偶衣服 懵倩倩白狗</a><br/><span class="font-red"><s class="font-grey">原价：200</s> 现价：100</span></div></div>
    </div>
<!-- 3d轮播效果图 Beginning -->
    <div class="row mt-20">
        <div class="col-md-12 products-show">
            <div class="col-md-2 col-xs-2"></div>
            <div class="col-md-8 col-xs-8">
                <div class="picture_3d">
                    <ul id="detail_3d" class="detail_3d">
                        <li><a href="product/product_details.html" class="target"></a></li>
                        <li><a href="product/product_details.html" class="target"></a></li>
                        <li><a href="product/product_details.html" class="target"></a></li>
                        <li><a href="product/product_details.html" class="target"></a></li>

                    </ul>
                </div>
            </div>
            <div class="col-md-2 col-xs-2"></div>
        </div>
    </div>
<!-- 3d轮播效果图 Ending -->

</div>

<!--This is the common footer Begin-->
<div class="container-fluid mt-20">
    <div class="row">
        <div class="col-md-12 col-xs-12 footer-info">
            <div class="col-md-2 col-xs-2 col-md-offset-3 mt-40 "><img src="img/logo_button_1.jpg"/></div>
            <div class="col-md-3 col-xs-3 mt-40 "><img src="img/logo_button_2.jpg " /><br/><span class="font-grey" >一家专门做校园文化产品的网站</span></div>
            <div class="col-md-4 col-xs-4 mt-60"><img class="qr-code"  src="img/qr_code.png "/><br/><div class="mt-20 ">扫码有惊喜哦</div></div>
        </div>
    </div>
</div>

<div class="container">
    <div class="row mt-20 font-small">
        <div class="col-md-2 col-sm-2 col-xs-2"></div>
        <div class="col-md-8 col-sm-8 col-xs-8">
            <div id="footer">
                <div class="footerNav text-center">
                    <a href="#">关于我们</a> |
                    <a href="#">服务条款</a> |
                    <a href="#">免责声明</a> |
                    <a href="#">网站地图</a> |
                    <a href="#">联系我们</a>
                </div>
                <div class="copyRight text-center">
                    Copyright DaMi
                </div>
            </div>
        </div>
        <div class="col-md-2 col-xs-2"></div>
    </div>
</div>


<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="js/common/jquery-3.1.1.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="bootstrap/dist/js/bootstrap.min.js"></script>
</body>
</html>
<!--This is the common footer End-->